﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="J_TopProduct.ascx.cs"
    Inherits="Pub_Module_J_TopProduct" %>
<link rel="stylesheet" type="text/css" href="Pub/Css/JQ/zoomimage.css" />

<script language="javascript" type="text/javascript" src="Pub/Js/JQ/eye.js"></script>

<script language="javascript" type="text/javascript" src="Pub/Js/JQ/utils.js"></script>

<script language="javascript" type="text/javascript" src="Pub/Js/JQ/zoomimage.js"></script>

<script language="javascript" type="text/javascript" src="Pub/Js/JQ/layoutZoom.js">
</script>

<script language="javascript" type="text/javascript" src="Pub/Js/CartShopping.js">
</script>

<script language="javascript" type="text/javascript">
var Url='<%= ResolveClientUrl("~/")%>';    
        $(document).ready(function() {  
                           $('.cssAddBasket').live('click', function()
                           {     
                                   $obj=$(this);   
                                   divCoverCart=$obj.parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent();                                                                                        
                                   var elemID=LoadingAjaxCart($("#<%= hidElem.ClientID%>"),$("#<%= divLoading.ClientID%>"),divCoverCart);
                                   fnAddBasket(elemID,$obj) ;                                 
                            });
                            
                           $('.cssCancelBasket').live('click', function()
                           { 
                                $obj=$(this);  
                                divCoverCart=$obj.parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent();                                                                                                                         
                                var elemID=LoadingAjaxCart($("#<%= hidElem.ClientID%>"),$("#<%= divLoading.ClientID%>"),divCoverCart); 
                                fnCancelBasket(elemID,$obj);
                                
                           });

         });    
</script>

<div align="center">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tbl_News">
        <tr>
            <td class="td_TitileNews_590">
            </td>
        </tr>
        <tr>
            <td class="td_Content_590">
                <table width="100%" style="padding-left: 10px; padding-right: 15px" cellpadding="0"
                    cellspacing="0">
                    <tr>
                        <td align="center" height="45px" valign="middle">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td class="td_Middle_L">
                                    </td>
                                    <td class="td_Middle_C" align="center">
                                        <asp:Label ID="Label1" runat="server" Text="NHỮNG SẢN PHẨM MỚI NHẤT" CssClass="lbl_TitileNews_590"></asp:Label>
                                    </td>
                                    <td class="td_Middle_R">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="thumbnail" style="background-color: White;">
                                <input type="hidden" runat="server" id="hidElem" value="0" />
                                <asp:Panel ID="divLoading" CssClass="div-loadingAbs" runat="server">
                                </asp:Panel>
                                <asp:DataList ID="dtlThumbnail" runat="server" RepeatDirection="Horizontal" Width="100%"
                                    BorderWidth="0px" DataKeyField="PdID" CellPadding="0" CellSpacing="0" OnItemDataBound="dtlThumbnail_ItemDataBound"
                                    RepeatColumns="3">
                                    <ItemStyle Wrap="False" />
                                    <ItemTemplate>
                                        <div id="divCoverCart" runat="server" class="CoverCart">
                                            <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="tbl_line"
                                                onmouseover="this.style.backgroundImage='url(Images/Body/HNB.JPG)'" onmouseout="this.style.backgroundImage=''">
                                                <tr>
                                                    <td class="td_line-x" colspan="3" runat="server" id="td_top" visible="false">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="td_line-y" id="td_left" runat="server" visible="false">
                                                    </td>
                                                    <td style="vertical-align: top">
                                                        <a name="PageIndex_<%# Eval("PDID").ToString().Trim() %>"></a>
                                                        <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="tbl_Product">
                                                            <tr>
                                                                <td align="left" colspan="1" nowrap="nowrap">
                                                                    <asp:Label ID="lblMaSP" Visible="false" runat="server" Text='<%# Eval("PDID") %>'></asp:Label>&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td align="center" nowrap="nowrap" class="td_ImgProduct" valign="top">
                                                                    <asp:Literal ID="ltlImages" runat="server"></asp:Literal>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="left" colspan="1" nowrap="nowrap" valign="top">
                                                                    <table width="100%" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td valign="top" align="center">
                                                                                <a href='<%=ResolveUrl("~")%>Shopping/Stall/ProductDetail.aspx?PDID=<%# Eval("PDID")  %>'
                                                                                    class="lbl_MostTitleProduct" style="cursor: pointer">
                                                                                    <asp:Label ID="lblTenSP" runat="server" CssClass="lbl_MostTitleProduct" Text='<%# Eval("PDName") %>'
                                                                                        Width="160px"></asp:Label></a></td>
                                                                        </tr>
                                                                    </table>
                                                                    <asp:Panel ID="pnlKindNo" runat="server" Width="100%">
                                                                        <table width="100%">
                                                                            <tr>
                                                                                <td style="padding-left: 5px">
                                                                                    <asp:Label ID="Label3" runat="server" CssClass="lbl_TitlePrice" Text="Bảo hành: "></asp:Label>
                                                                                    <asp:Label ID="Label4" runat="server" CssClass="lbl_Properties" Text='<%# Eval("Warranty")  %>'></asp:Label>
                                                                                    <asp:Label ID="Label3434" runat="server" CssClass="lbl_TitlePrice" Text="Tháng"></asp:Label>&nbsp;</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="padding-left: 5px;" id="tdPrice" runat="server">
                                                                                    <asp:Label ID="Label1" runat="server" CssClass="lbl_TitlePrice" Text="Giá: "></asp:Label>
                                                                                    <asp:Label ID="lblDongia" runat="server" CssClass="lbl_Price" Text='<%# Eval("Price")  %>'></asp:Label>
                                                                                    <asp:Label ID="Label6" runat="server" CssClass="lbl_Rate" Text='<%# Eval("Rate")  %>'
                                                                                        ForeColor="Navy"></asp:Label>
                                                                                </td>
                                                                            </tr>
                                                                            <tr id="trSaleOf" runat="server" visible="false">
                                                                                <td style="padding-left: 5px">
                                                                                    <asp:Label ID="Label222" runat="server" CssClass="lbl_TitlePrice" Text="Chỉ còn: "></asp:Label>
                                                                                    <asp:Label ID="lblDiscountPrice" runat="server" CssClass="lbl_Price" Text='<%# Eval("DiscountPrice")  %>'></asp:Label>
                                                                                    <asp:Label ID="Label923" runat="server" CssClass="lbl_Rate" Text='<%# Eval("DiscountRate")  %>'
                                                                                        ForeColor="Navy" Font-Size="13px"></asp:Label>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </asp:Panel>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="left" nowrap="nowrap">
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="left" nowrap="nowrap">
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" colspan="1" nowrap="nowrap" style="white-space: nowrap">
                                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td>
                                                                                <asp:Image ID="imgHot" runat="server" Visible="false" /></td>
                                                                            <td>
                                                                                <a href='<%=ResolveUrl("~")%>Shopping/Stall/ProductDetail.aspx?PDID=<%# Eval("PDID")  %>'>
                                                                                    <img src="Images/Icon/detail.gif" style="cursor: pointer;" /></a>
                                                                                <td>
                                                                                    <img class='cssAddBasket' pdid='<%# Eval("PDID")  %>' pdname='<%# Eval("PDName")  %>'
                                                                                        price='<%# Eval("Price")  %>' rate='<%# Eval("Rate")  %>' kindno='<%# Eval("KindNo")  %>'
                                                                                        src="../../Images/Icon/buy.gif" style="cursor: pointer" id="btnISelect" runat="server" /></td>
                                                                                <td>
                                                                                    <img src="../../Images/Icon/cancel.GIF" class="cssCancelBasket" style="cursor: pointer;
                                                                                        display: none" id="btnICancel" runat="server" pdid='<%# Eval("PDID")  %>' /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="td_line-y" style="width: 2px" id="td_right" runat="server">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="td_line-x" colspan="3">
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </ItemTemplate>
                                </asp:DataList>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td align="right" class="td_Content_Footer_590" style="padding-right: 25px">
            </td>
        </tr>
    </table>
</div>
